<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浙江中科仆汇科技有限公司</title>
    <style>
        body,html{
            width:100%;
            height:100%;
            padding:0;
            margin:0;
        }
        p,div{
            margin:0;padding:0;
            box-sizing: border-box;
        }
        .flexCenter{
            display: flex;
            align-items: center;
        }
        .head{
            background: url('./image/head.png') no-repeat 100% 100%/100% 100%;
            font-size: 24px;
            color:#fff;
        }
        .head img{
            width: 80px;
            height:80px;
            margin:0 32px 0 260px;
        }
        .banner{
            height:857px;
            background: url('./image/banner.png') no-repeat 100% 100%/100% 100%;
        }
        .introduce{
            background: url('./image/kapian.png') no-repeat 100% 100%/100% 100%;
            width:1460px;
            height:797px;
            margin:33px auto 23px;
        }
        .introduce .decorate{
            text-align: right;
            padding:27px 100px 0 0;
        }
        .introduce .decorate img,.certificate>img,.productCenter>img,.callMe>img{
            width:80px;
            height:88px;
        }
        .introduce .introDetail{
            padding:25px 101px 0 91px;
            display: flex;

        }
        .introduce .introDetail img{
            width:512px;
            height:512px;
            margin-right:60px;
        }
        .introduce .introDetail b{
            font-size: 36px;
            color: #3094F9; 
            line-height: 47px;
        }
        .introduce .introDetail span{
            margin-top: 6px;
            margin-bottom: 24px;
            font-size: 24px;
            color: #3094F9; 
            opacity: 0.5;
            line-height: 31px;
            display: block;
        }
        .introduce .introDetail p{
            font-size: 20px;
            line-height: 52px;
            color:#000
        }
        .certificate{
            height:857px;
            padding:54px 272px 0;
            position: relative;
            background: #F8F8F8;
            color: #3094F9;     
            text-align: center;
        }
        .certificate>img{
            position: absolute;
            left:272px;
            top:0;
        }
        .certificate div img{
            width:100%;
            height:40px;
        }
        .certificate>div .title,.callMe>b{
            line-height: 47px;
            font-size: 36px;
        }
        .certificate>div>span,.callMe>span{
            font-size: 24px;
            line-height: 31px;
            opacity: 0.5;
            margin-top:15px;
            display: block;
        }
        .certificate .kind{
            justify-content: space-around;
            display: flex;
            margin-bottom: 77px;
            margin-top:62px;
        }
        .certificate .kind b{
            font-size: 26px;
        }
        .certificate .kind span{
            line-height: 50px;
            color: #000000;
            font-size: 22px;
            display: block;
            margin-top:20px;
        }
        .productCenter{
            height:857px;
            background: url('./image/center.png') no-repeat 100% 100%/100% 100%;
            padding:44px 260px 0;
            position: relative;
            text-align: center;
        }
        .productCenter>b{
            font-size: 36px;
            line-height: 47px;
            color: #FFFFFF;
        }
        .productCenter>span{
            line-height: 31px;
            color: #FFFFFF;
            font-size: 24px;
            margin-top:15px;
            opacity: 0.5;
            display: block;
        }
        .productCenter>img{
            position: absolute;
            right:260px;
            top:0;
        }
        .centerDetail{
            justify-content: space-between;
            margin-top:62px;
        }
        .centerDetail >div{
            background: url('./image/chanpinBeijing.png') no-repeat 100% 100%/100% 100%;
            width: 395px;
            height: 530px;
            padding:35px 46px 0;
            box-sizing: border-box;
            text-align: start;
        }
        .centerDetail b{
            font-size: 30px;
            line-height: 40px;
            color: #FFFFFF;
        }
        .centerDetail span{
            display: block;
            font-size: 14px;
            line-height: 19px;
            color: #FFFFFF;
            margin:4px 0 20px;
        }
        .centerDetail p{
            font-size: 22px;
            line-height: 48px;
            color:#fff;
        }
        .callMe{
            color: #3094F9;
            height:873px;
            text-align: center;
            position: relative;
            padding-top:50px;
        }
        .callMe>img{
            position: absolute;
            left:260px;
            top:0;
        }
        .phone{
            justify-content: center;
            margin-top:74px;
        }
        .phone div{
            margin:0 54px;
            width: 395px;
            height: 530px;
            background: #FFFFFF;
            box-shadow: 0px 3px 50px rgba(0, 0, 0, 0.16);
            border-radius: 30px;
        }
        .phone img{
            width:60px;
            height:60px;
            margin-bottom: 38px;
            display: block;
            margin:28px auto;
        }
        .phone span{
            font-size: 18px;
            line-height: 1.5;
            color: #000000;
        }
        .phone div:first-child p{
            font-size: 22px;
            line-height: 50px;
            color: #3094F9;
            margin-bottom:44px;
        }
        .phone div:last-child p{
            font-size: 22px;
            line-height: 50px;
            color: #13227A;
            margin-bottom:38px;
        }
        .footer{
            background: url('./image/footer.png') no-repeat 100% 100%/100% 100%;
            height:140px;
            text-align: center;
            padding-top:30px;
        }
        .footer p{
            font-size: 18px;
            line-height: 36px;
            color: rgba(255, 255, 255, 0.6);
        }
    </style>
</head>
<body>
    <div class="head flexCenter">
        <img src="./image/logo.png" alt="" srcset="">
        <p>浙江中科仆汇科技有限公司</p>
    </div>
    <div class="banner"></div>
    <div class="introduce">
        <div class="decorate">
            <img src="./image/decorate.png" alt="">
        </div>
        <div class="introDetail">
            <img src="./image/gongsibeijing.png" alt="">
            <div>
                <b>公司介绍</b>
                <span>ABOUT US</span>
                <p>
                    浙江中科仆汇科技有限公司成立于2018年08月02日，注册地位于浙江省杭州市
                    拱墅区祥园路108号4幢11层。经营范围包括计算机信息技术、物联网技术、电
                    子商务技术、无线电数据传输系统、停车设备、电子产品、大数据技术、计算
                    机软硬件的技术开发、技术服务、技术咨询、成果转让；计算机系统集成；网
                    页设计；企业管理咨询；计算机网络工程、智能化工程、交通工程、园林绿化
                    工程、通信工程、消防工程、室内外装饰工程的设计、施工；广告的设计、制
                    作、代理、发布；停车场管理；计算机软硬件、通讯设备、仪器仪表、安防设
                    备、办公自动化设备及耗材、音响设备、五金交电的批发、零售。
                </p>
            </div>
        </div>
    </div>

    <div class="certificate">
        <img src="./image/decorate.png" alt="">
        <div>

            <b class="title">公司资质</b>
            <span>COMPANY QUALIFICATION</span>
            <div class="kind" style="padding:0 110px;">
                <p>
                    <b>建筑业企业<br>资质证书</b>
                    <span>2020年4月13日</span>
                </p>
                <p>
                    <b>软件企业证书</b>
                    <span>2021年3月26日</span>
                </p>
                <p>
                    <b>环境管理体系<br>认证证书</b>
                    <span>2021年4月13日</span>
                </p>
                
            </div>
            <img src="./image/licheng.png" alt="">
            <div class="kind" style="justify-content: space-between;">
                <p>
                    <b>杭州市<br>“雏鹰计划”企业</b>
                    <span>2019年10月16日</span>
                </p>
                <p>
                    <b>软件产品证书</b>
                    <span>2021年3月26日</span>
                </p>
                <p>
                    <b>质量管理体系<br>认证证书</b>
                    <span>2021年4月13日</span>
                </p>
                <p>
                    <b>职业健康安全管理<br>体系认证证书</b>
                    <span>2021年4月13日</span>
                </p>
                
            </div>
        </div>
    </div>

    <div class="productCenter">
        <img src="./image/decorate.png" alt="">
        <b>产品中心</b>
        <span>COMPANY QUALIFICATION</span>
        <div class="centerDetail flexCenter">
            <div>
                <b>数据驾驶舱</b>
                <span>DIGITAL COCKPIT</span>
                <p>以现代信息技术及大数据云计算技术为支撑，实现“数据汇聚、数据共享、协同作战、智能感知、精准识别
                    、触发预警、实时响应”，切实发挥街道和社区基层工作贴近百姓、深入群众、立竿见影。</p>
            </div>
            <div>
                <b>仆汇未来社区</b>
                <span>PUHUI FUTURE COMMUNITY</span>
                <p>仆汇未来社区分为居民端、物业端、政府端三种身份。实时对小区的人口、房屋、车辆快速高效的采集；同
                    时解决小区的生活服务、房屋租赁服务、共享服务等民生难题。</p>
            </div>
            <div>
                <b>设备管理平台</b>
                <span>DEVICE MANAGEMENT</span>
                <p>运用信息化技术，人脸识别手段等对社区地的安全出入进行合理有效的监管，对所有进出社区的居民，常来
                    往人员，员工和访客进行识别和记录，为社区管理人员减轻管理压力，保障社区安全有序的开展，提高工作效率。</p>
            </div>
        </div>
    </div>

    <div class="callMe">
        <img src="./image/decorate.png" alt="">
        <b>联系我们</b>
        <span>contact us</span>
        <div class="phone flexCenter">
            <div>
                <img src="./image/icon_dizhi.png" alt="">
                <span>公司名称</span>
                <p>浙江中科仆汇科技有限公司</p>
                <span>公司地址</span>
                <p>浙江省杭州市拱墅区祥园路<br>108号4幢5层</p>
            </div>
            <div>
                <img src="./image/icon_kefu.png" alt="">
                <span>客服热线</span>
                <p>0571-56321720</p>
                <span>客服邮箱</span>
                <p>zkphkj2018@126.com</p>
                <span>服务时间</span>
                <p>工作日：9:00-17:30</p>
            </div>
        </div>
    </div>

    <div class="footer">
        <p>©2019浙江仆汇科技有限公司 <span id="num" style="cursor:pointer" onclick="window.open('https://beian.miit.gov.cn/#/Integrated/index')">浙ICP备19021690号</span></p>
    </div>
</body>

<script>
    let arr = window.location.hostname.split('.');
    let str = arr[arr.length-1];
    let ele = document.getElementById('num');

    if(str == 'com'){
        ele.innerHTML = '浙ICP备19021690号-1'
    }else if(str == 'cn'){
        ele.innerHTML = '浙ICP备19021690号-2'
    }
</script>
</html>